<template>
  <!-- 列表 -->
    <div id="box7">
      <ul>
        <li>
          <a href="">
            <img
              src="../../../assets/img/yzk-img/481988ff12258c18d43dac62b0513ca_15.gif"
              style="margin-top: 0.26rem; margin-bottom: 0.01rem"
              alt=""
            />
            <p>优酷购</p>
          </a>
        </li>
        <li>
          <a href="">
            <span class="iconfont my-liuliang"></span>
            <p>我要免流量</p>
          </a>
        </li>
        <li>
          <a href="">
            <span class="iconfont my-zhishi"></span>
            <p>免费涨知识</p>
          </a>
        </li>
        <li>
          <a href="">
            <span class="iconfont my-kaquan"></span>
            <p>卡劵包</p>
          </a>
        </li>
        <li>
          <a href="">
            <span class="iconfont my-pingfen"></span>
            <p>我的评分</p>
          </a>
        </li>
        <li>
          <a href="">
            <span class="iconfont my-youkugou"></span>
            <p>U豆商城</p>
          </a>
        </li>
        <li>
          <a href="">
            <span class="iconfont my-set"></span>
            <p>设置</p>
          </a>
        </li>
        <li>
          <a href="">
            <span class="iconfont my-kefu"></span>
            <p>我的客服</p>
          </a>
        </li>
      </ul>
    </div>
</template>

<script>
export default {
name: 'List',
}
</script>

<style scoped>
a{color: black;}
/* 列表 */
#box7 {
  width: 100%;
  height: 1.8rem;
}
#box7 ul {
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#box7 ul li {
  width: 24%;
  height: 49%;
  text-align: center;
}
#box7 ul li p {
  font-size: 0.11rem;
}
#box7 ul li span {
  display: block;
  font-size: 0.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.05rem;
}
</style>